<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户协议 - 记账助手</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <style>
        .agreement-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px 20px;
            text-align: center;
            border-radius: 0 0 20px 20px;
            margin-bottom: 20px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        
        .agreement-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 10px;
        }
        
        .agreement-subtitle {
            font-size: 14px;
            opacity: 0.8;
        }
        
        .agreement-content {
            background: white;
            border-radius: 16px;
            padding: 20px;
            margin: 15px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        }
        
        .agreement-section {
            margin-bottom: 20px;
        }
        
        .agreement-section-title {
            font-size: 18px;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .agreement-section-content {
            font-size: 14px;
            color: #4a5568;
            line-height: 1.6;
        }
        
        .back-btn {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255,255,255,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            z-index: 10;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="screen">
        <div class="app-container">
            <div class="agreement-header">
                <div class="back-btn" onclick="window.location.href='about-us.html'">←</div>
                <div class="agreement-title">用户协议</div>
                <div class="agreement-subtitle">最后更新日期：2023年12月1日</div>
            </div>
            
            <div class="agreement-content">
                <div class="agreement-section">
                    <div class="agreement-section-title">1. 协议的接受</div>
                    <div class="agreement-section-content">
                        <p>欢迎使用记账助手应用（以下简称"本应用"）。本用户协议（以下简称"本协议"）是您与本应用开发者之间关于使用本应用服务所订立的协议。</p>
                        <p>当您注册、登录、使用本应用时，即表示您已充分阅读、理解并接受本协议的全部内容。如您不同意本协议的任何条款，请您立即停止注册或使用本应用。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">2. 账号注册与安全</div>
                    <div class="agreement-section-content">
                        <p>2.1 您在注册时应当提供真实、准确、完整的个人资料，并在资料发生变更时及时更新。</p>
                        <p>2.2 您应当妥善保管账号和密码，对您在本应用上的一切行为负责。如发现任何未经授权使用您账号的情况，应立即通知我们。</p>
                        <p>2.3 我们有权根据您的注册信息是否真实、是否符合本协议条款等因素，决定是否同意您的注册请求或是否保留、中止、终止您的账号。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">3. 服务内容与使用规则</div>
                    <div class="agreement-section-content">
                        <p>3.1 本应用为用户提供个人财务记录、账本管理、预算规划等功能。</p>
                        <p>3.2 您在使用本应用时，必须遵守中华人民共和国相关法律法规，不得利用本应用从事违法违规活动。</p>
                        <p>3.3 您不得利用本应用进行任何可能对互联网正常运行造成不利影响的行为。</p>
                        <p>3.4 您不得利用本应用传播、存储侵害他人知识产权、商业秘密等合法权利的内容。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">4. 数据存储</div>
                    <div class="agreement-section-content">
                        <p>4.1 本应用会在您的设备上存储您的记账数据，并可能将数据同步至云端服务器以便您在多设备间使用。</p>
                        <p>4.2 我们会采取合理措施保护您的数据安全，但不对因网络故障、黑客攻击、计算机病毒等不可抗力因素导致的数据丢失或泄露承担责任。</p>
                        <p>4.3 建议您定期备份重要数据，以防数据丢失。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">5. 知识产权</div>
                    <div class="agreement-section-content">
                        <p>5.1 本应用的所有权、运营权和知识产权归本应用开发者所有。</p>
                        <p>5.2 未经本应用开发者书面同意，您不得复制、修改、传播或在非本应用所属的服务器上做镜像或以其他方式使用本应用的任何内容。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">6. 免责声明</div>
                    <div class="agreement-section-content">
                        <p>6.1 本应用不对因用户操作失误、网络状况、通讯线路等非本应用的原因造成的服务中断或数据丢失承担责任。</p>
                        <p>6.2 本应用提供的理财建议仅供参考，不构成任何投资建议，用户应自行承担投资风险。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">7. 协议修改</div>
                    <div class="agreement-section-content">
                        <p>7.1 我们保留随时修改本协议的权利，修改后的协议将在本应用上公布。</p>
                        <p>7.2 如您不同意修改后的协议，应当停止使用本应用；如您继续使用本应用，则视为您接受修改后的协议。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">8. 法律适用与争议解决</div>
                    <div class="agreement-section-content">
                        <p>8.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。</p>
                        <p>8.2 如双方就本协议内容或执行发生争议，应友好协商解决；协商不成的，任何一方均有权将争议提交至本应用开发者所在地有管辖权的人民法院诉讼解决。</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="bottom-nav">
            <div class="nav-item" data-page="index.html">
                <div class="nav-icon">🏠</div>
                <div>首页</div>
            </div>
            <div class="nav-item" data-page="statistics.html">
                <div class="nav-icon">📊</div>
                <div>统计</div>
            </div>
            <div class="nav-item" id="quick-record-btn">
                <div class="nav-icon" style="font-size: 24px;">➕</div>
                <div>记账</div>
            </div>
            <div class="nav-item" data-page="details.html">
                <div class="nav-icon">📝</div>
                <div>明细</div>
            </div>
            <div class="nav-item active" data-page="user.html">
                <div class="nav-icon">👤</div>
                <div>我的</div>
            </div>
        </div>
    </div>
    
    <script>
        // 底部导航栏点击事件
        document.querySelectorAll('.nav-item').forEach(item => {
            if (item.id !== 'quick-record-btn') {
                item.addEventListener('click', function() {
                    window.location.href = this.getAttribute('data-page');
                });
            }
        });
        
        // 快速记账按钮点击事件
        document.getElementById('quick-record-btn').addEventListener('click', function() {
            window.location.href = 'auto-record.html';
        });
    </script>
</body>
</html>